<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>调查问卷</title>
    <style>
        div.textOut-center{
            background-color: white;
            width: 920px;
            margin: auto;
            height: 100%;

        }
        div .textIn-center{
            width: 710px;
            text-align: left;
        }
        .underline {
            background-color: transparent;
            border: solid 1px transparent;
            padding: 3px;
            _border-color: white;
            border-bottom: solid 1px #cdcdcd;
        }
        p span{
            color: #0066FF
        }
        .choose{
            /*
            未使用  用作鼠标移动的选项背景
            display: block;
            width: 62%;
            */
        }

    </style>
</head>
<body style="background: url('oldbg2-bg.jpg');background-size: 100% 100%">
    <div align="center"><img src="oldbg2.jpg" style="margin: auto;display: block;"></div>

    <div align="center" class="textOut-center">
        <br>
        <h2><p>趣味小测试</p></h2>
        <b><p style="background: rgb(255,228,200);display: block;width: 650px;height: 25px;text-indent:20px;text-align: left">此问卷处于停止状态，仅供浏览，请勿填写！</p></b><br>
        <div align="center" class="textIn-center">
            <p>1.&nbsp;&nbsp;本题考考大家对每月邮寄问卷的日程是否熟记于心。</p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我们约定每月分两次寄出当月问卷，请回答：</p>
            <p>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第一批寄出日期为当月：
                <input style="width:63px;" type="text" class="underline">
                日，寄出问卷量为当月的：
                <input style="width:21px;" type="text" class="underline">%
            </p>
            <p>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第二批寄出日期为当月：
                <input style="width:63px;" type="text" class="underline">
                日，寄出问卷量为当月的：
                <input style="width:21px;" type="text" class="underline">%
            </p>
            <hr><br>

            <p>2.&nbsp;&nbsp;该邮寄问卷了，但是问卷还没有收齐，您会怎么办？（本题不计分）</p>
            <form>
                <p class="choose"> &nbsp;&nbsp;&nbsp;<input type="radio" name="do" id="do1"><label for="do1">等全部收齐了，再寄出去</label></p>
                <p class="choose"> &nbsp;&nbsp;&nbsp;<input type="radio" name="do" id="do2"><label for="do2">如果收齐一定比例了，就先寄出</label></p>
                <p class="choose"> &nbsp;&nbsp;&nbsp;<input type="radio" name="do" id="do3"><label for="do3">无论手边有多少，都先寄出</label></p>
            </form>
            <hr><br>

            <p>3.&nbsp;&nbsp;请问，这个比例是多少？（本题不计分）</p>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<textarea style="width: 62%;height: 22px;"></textarea>
            <hr><br>

            <p>4.&nbsp;&nbsp;请问，您在收集“大事件”过程中，都会采用哪些方法？（本题不计分）<span>【多选题】</span></p>
            <form>
                <p class="choose"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="checkbox" name="ways" id="way1">从电视中了解
                </p>
                <p class="choose"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="checkbox" name="ways" id="way2">从报纸/杂志中了解
                </p>
                <p class="choose"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="checkbox" name="ways" id="way3">从广播中了解
                </p>
                <p class="choose"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="checkbox" name="ways" id="way4">从网络上查询
                </p>
                <p class="choose"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="checkbox" name="ways" id="way5">看到时随手拍照
                </p>
                <p class="choose"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="checkbox" name="ways" id="way6">从朋友圈、微博、微信中了解
                </p>
                <p class="choose"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="checkbox" name="ways" id="way7">其他
                </p>
            </form>
            <hr><br>

            <div align="center">
                <input type="button" value="提交" style="padding: 0 24px; height: 32px;background: #13a5ec;color: #fff;">
            </div>
        </div>
    </div>

</body>
</html>